<template>
  <div class="collect-page">
    <van-nav-bar fixed title="我的点赞" />
    <article-list v-for="item in list" :key="item.id" :items="item" />
  </div>
</template>
<script>
console.log("懒加载测试： 我是点赞页面")
import ArticleList from "@/components/article-list.vue";
import { LikeCollectList_API } from "@/api/article.js";
export default {
  components: {
    ArticleList,
  },
  data() {
    return {
      list: [],
    };
  },
  created() {
    this.getCollectList();
  },
  methods: {
    async getCollectList() {
      const { data } = await LikeCollectList_API({
        optType: 1,
        pageSize: 10,
        page: 1,
      });
      this.list = data.data.rows;
    },
  },
};
</script>
<style lang="less" scoped>
.collect-page {
  margin-bottom: 50px;
  margin-top: 44px;
}
</style>